<script setup>
const props = defineProps({
  icon: {
    type: String,
    default: 'Edit'
  },
  size: {
    type: String,
    default: '18'
  },
  color: {
    type: String,
    default: '#4C93E6'
  }
});
</script>

<template>
  <el-icon class="v-icon" :size="size" :color="color">
    <component :is="icon"/>
  </el-icon>
</template>

<style scoped>
.v-icon {
  margin: 4px 2px;
}
.v-icon:hover {
  cursor: pointer;
}
</style>